.pageTeaser .content {
    /* Шрифты вебинарной комнаты */
    --font-family: "Montserrat", sans-serif;

    /* Элемент над блоком с информацией */
    --pageTopElement: url("data:image/svg+xml,%3Csvg width='43' height='11' viewBox='0 0 43 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.5' cy='5.5' r='5' stroke='%23104256'/%3E%3Ccircle cx='5.5' cy='5.5' r='5' stroke='%23104256'/%3E%3Ccircle cx='37.5' cy='5.5' r='5' stroke='%23104256'/%3E%3C/svg%3E%0A");

    /* Фоновый цвет блока с информацией */
    --formBackgroundColor: linear-gradient(270deg, #17B4CA 0%, #0F94A7 49%, #077483 78%);

    /* Цвет рамки блока с информацией */
    --formBorderColor: transparent;

    /* Цвет заголовка блока с информацией */
    --formTitleTextColor: #FFF;

    /* Размер заголовка блока с информацией */
    --formTitleTextSize: 36px;

    /* Цвет текста описания блока с информацией */
    --formDescriptionTextColor: #FFF;

    /* Размер текста описания блока с информацией */
    --formDescriptionTextSize: 20px;

    /* Цвет текста заголовка таймера блока с информацией */
    --formCountdownTitleTextColor: #FFF;

    /* Размер текста заголовка таймера блока с информацией */
    --formCountdownTitleTextSize: 24px;

    /* Цвет времени таймера блока с информацией */
    --formCountdownTimeTextColor: #FFF;

    /* Размер времени таймера блока с информацией */
    --formCountdownTimeTextSize: 36px;

    position: relative;
}

.pageTeaser .content::before {
    content: var(--pageTopElement);

    position: absolute;
    top: -44px;
    left: 50%;
    transform: translatex(-50%);

    width: 43px;
}
.pageTeaser .content {
    padding: 20px 48px 48px !important;
    max-width: 890px;

    text-align: center;

    background: var(--formBackgroundColor) !important;
    border-radius: 10px;
    border: 1px solid var(--formBorderColor);
}

.pageTeaser .content .title {
    margin-bottom: 28px  !important;

    font-family: var(--font-family);
    font-size: clamp(20px, 5vw, var(--formTitleTextSize));
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: var(--formTitleTextColor);
}

.pageTeaser .content .description {
    margin-bottom: 24px  !important;

    font-family: var(--font-family);
    font-size: clamp(16px, 5vw, var(--formDescriptionTextSize));
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    color: var(--formDescriptionTextColor);
}

.pageTeaser .countdown-text {
    margin-bottom: 5px  !important;

    font-family: var(--font-family);
    font-size: clamp(16px, 5vw, var(--formCountdownTitleTextSize));
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    color: var(--formCountdownTitleTextColor);
}

.pageTeaser .content .countdown {
    margin-bottom: 0  !important;

    font-family: var(--font-family);
    font-size: clamp(20px, 5vw, var(--formCountdownTimeTextSize)) !important;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: var(--formCountdownTimeTextColor);
}